<template>
  <div>
    <input type="text" v-jubu />
  </div>
</template>
<script>
// 目标：自定义指令注册使用
// 需求：自定义，让输入框上来就聚焦的指令
// 1.自定义指令
// 全局注册
import Vue from 'vue'
Vue.directive('suibian', {
  inserted (el) {
    //低昂指令所在标签，被插入到真实的DOM时，此方法被自动触发
    // el：变量里：指令所在标签本省（原生标签）
    console.log(el)//   <input type="text">
    // js模拟事件触发，标签.事件名()
    // 让js模拟点击，标签.click()--触发标签点击事件
    // 让js模拟聚焦，标签.focus()---触发标签聚焦事件
    el.focus()

  }
})
// 2.使用指令
// <标签 v-指令名>
export default {
  // 局部注册
  directives: {
    jubu: {
      inserted (el) {
        el.focus()
      }
    }
  }
}
</script>